<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=320,initial-scale=1,maximum-scale=1" />
<title>友邦保险</title>
<link href="main.css"  type="text/css"  rel="stylesheet" />
<script language="javascript" src="js/jquery.js"></script>
<script language="javascript" src="js/pcasunzip.js"></script>
<script language="javascript">
function ajaxSubmit()
{
	var province3 = $("select[name='province3']");
	var city3 = $("select[name='city3']");
	var pho = $("input[name='pho']");
	var name = $("input[name='name']");
	var code = $("input[name='code']");
	var validate = $("input[name='validate']");
	if(name.val() == '')  
	{
		alert('请输入姓名');
		name[0].focus();
		return false;
	}
	else if(pho.val() == '')  
	{
		alert('请输入手机');
		pho[0].focus();
		return false;
	}else if(province3.val() == "请选择" || province3.val() == "" ) 
	{  
		alert('请选择省');
		province3[0].focus();
		return false;
	}
	else if(city3.val() == "请选择"  || city3.val() == "") 
	{  
		alert('请选择市');
		city3[0].focus();
		return false;
	}else if(code.val() == '')  
	{
		alert('请输入邀请码');
		code[0].focus();
		return false;
	}else if(validate.val() == '')  
	{
		alert('请输入验证码');
		validate[0].focus();
		return false;
	}
	
	var address = province3.val()+'-'+city3.val();
	$("input[name='address']").val(address);
	//发送ajax请求
	$.ajax
	({
		type:"POST",
		dataType:'json',
		cache:false,
		timeout:10000,
		async:false,
		url:"../nmp/nmp.action?t="+(new Date().getTime()),
		data:$("#formid").serialize(),
		success:function(json)
		   {
			  if(json.success==true)
			  {		
				  //alert("提交成功！")
				  window.location.href="ok.action";
			  }
			  else
			  {
				  alert("提交没有成功:"+json.message);
			  }
			},
		error:function(arg1,arg2)
		   {
				alert("浏览器提交失败:" + arg1 + " "+arg2);
		   }
	});
	return false;
}
</script>
</head>
<body>
<div class="bigdiv">
	<div class="top nofont">友邦保险
	</div>
	
	<div>
		<img style="border-width: 0; width:322px; height:138px;" src="images/main.gif"></img>
	</div>
	
	<div style="font-size: 0; border-top:3px solid #d31145; ">
	</div>
	
	<div class="intr" style="">
		<p class="bold" >尊贵的客户，</p>
		<p class="bold margintop5" >为了感谢您长期以来的信任和支持，友邦保险为您奉上国际SOS紧急救援服务
		<span class="comment">（国际SOS是全球领先的国际性、专业性、高品质、独立的商业性救援和援助公司）</span>，
		该服务将为您提供一年期24小时援助热线，应对海内外各类意外的发生。多重贴心项目包括：</p>
		<p class="hasIcon"><img class="icon" src="images/icon.jpg" ></img>国际医疗援助：</p>
		<p class="subcontent">预约医生安排、住院安排等</p>
		<p class="hasIcon"><img class="icon" src="images/icon.jpg" ></img>汽车救援（国内）：</p>
		<p class="subcontent">紧急拖车救援、路边维修救援等</p>
		<p class="hasIcon"><img class="icon" src="images/icon.jpg" ></img>国际医疗/转运服务：</p>
		<p class="subcontent">旅行期间电话医疗建议、医疗机构推荐等</p>
		<p class="hasIcon"><img class="icon" src="images/icon.jpg" ></img>国际旅行援助：</p>
		<p class="subcontent">行李遗失援助、法律机构推荐、旅游紧急服务等</p>
		<p class="tip margintop5">温馨提示：该服务由国际SOS提供，基于协助安排或者转介绍的基础，国际SOS和友邦保险将不支付任何第三方费用，所有第三方费用需由用户承担。
</p>

		<p class="" style="color:#d31145; font-weight: bold; font-size:14px; margin-top:5px;">* 详细规则请咨询您的保险营销员。</p>	
	</div>
	
	<form id="formid" action="" method="post"  name="form1" class="my_form" onsubmit="return false;" style="position: relative; display: block;">
		<input type="hidden" name="address"></input>
		<input type="hidden" name="from" value="SOS"></input>
    	<p><span class="redstar">*</span>姓名 :　 <input style="width:100px;" type="text" name="name"  placeholder="请输入姓名"   />&nbsp;&nbsp;&nbsp;&nbsp;</p>
        
     	<p><span class="redstar">*</span>手机 :　 <input type="" name="pho" placeholder="请输入手机"  /></p>
        
        <p><span class="redstar">*</span>所在地 : 
        <select id='c1' name='province3' style="width:75px;"></select>省&nbsp;
        <select id='c2'  name='city3' style="width:75px;"></select>市
        <select id='c3'  name='area3' style="width:75px;display:none"></select>
        </p>
     
        <p style="margin-bottom:0"><span class="redstar">*</span>邀请码 : <input type="" name="code" placeholder="请输入邀请码"  /></p>
        <p style="padding-left:50px; padding-right:30px; color:#424242; font-size: 11px;">请输入9位保险营销员编号，输入不足9位时在前端加 0</p>
		<p>
		<span class="redstar">*</span>验证码 : <input type="text" name="validate" style="width:60px;border:1px solid #999;"/>
                <span style="display:inline-block;width:77px;height:23px;vertical-align:top">
                	<image id="server_image" src="../xml/image.action?t=100" style="width:77px;height:23px;"></image>
                </span>
                <span style="color:#6b6b6b;"><a style="color:#6b6b6b; text-decoration: none;" href="#" onclick="$('#server_image').attr('src','../xml/image.action?t='+(new Date()).getTime()); return false;">看不清楚</a></span>
		</p>
        <p class="notes">注意：</p>
        <p class="notes">1）请准确填写个人信息，该信息将作为SOS服务的依据；每个手机号码限登记一次；</p>
        <p class="notes">2）活动有效期：即日起至2013年11月28日止；</p>
        <p class="notes">3）该服务数量有限，先到先得。友邦保险将于2013年11月29日向登记用户发送短信，确认是否获赠该服务。若成功获赠，该服务将于2013年12月1日起生效，有效期12个月。</p>
        <p class="notes">4）如下拉框显示有误,请关闭UC浏览器的极速模式</p>
  </form>
  <div class="footer">
  	<a href="#" onclick="ajaxSubmit(); return false;" style="display: block; position: absolute; width:119px; height:44px; left:100px; top:10px; background-image: url(images/ok.jpg); background-repeat: no-repeat;"></a>
  </div>
</div>
<script language='javascript'>
new PCAS("province3","city3","area3");
</script>
</body>
</html>